// 食物
class Food {
  el: HTMLElement;
  constructor() {
    // 加个!表示该节点必定存在
    this.el = document.querySelector(".food")!;
  }
  get X(): number {
    return this.el.offsetLeft;
  }
  get Y(): number {
    return this.el.offsetTop;
  }
  change(): void {
    /**
     * top 的范围是 0 ~ 290 (盒子的高度300 - 食物的高度 10)
     * 蛇的高度是 10 想要吃到食物, 食物的坐标必须是10的倍数
     */
    let top: number = Math.round(Math.random() * 29) * 10;
    let left: number = Math.round(Math.random() * 29) * 10;
    // console.log(`横坐标是${left};纵坐标是${top}`);
    this.el.style.top = top + "px";
    this.el.style.left = left + "px";
  }
}
export default Food;
